/* 
* @Author: fangchao
* @Date:   2016-12-20 12:55:22
* @Last Modified by:   anchen
* @Last Modified time: 2017-01-21 20:13:40
*/
body{background-color:#001a2a ;}
button,select{outline: none;}
.mui-content{background-color:#001a2a ;height:100%;}
.img-wrap{display:block;padding: 5px;}
.img-wrap img{display: inline-block;max-width: 100%;}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;word-wrap:normal;}
/*重写layerui样式*/
.layui-popover-arrow{position: absolute;width:26px;height:26px;overflow: hidden;top:25px;right:-25px;z-index: 1000;transform:rotate(90deg);}
.layui-popover-arrow:after{position: absolute;content: '';width:26px;height:26px;top:19px;right:0;transform:rotate(-45deg);border-radius: 3px;background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.1);}
.layui-modal .layui-m-layermain{display: block;}
.layui-modal .layui-m-layermain .layui-m-layersection{display: inherit;vertical-align: inherit;text-align: inherit;}
.layui-modal.layui-m-layer0 .layui-m-layerchild{position: absolute;display:block;}
/*layerPanel position*/
.layerPanel.layui-m-layer0 .layui-m-layerchild{top:70px;right:66px;}
@media only screen and (min-width: 765px) {
    .layerPanel.layui-m-layer0 .layui-m-layerchild{width:50%;}
    .layerPanel .layui-m-layercont{height:460px;}
    .jstree-default .jstree-node{padding:6px 0;}
    /*地图弹出层关闭按钮*/   
    .esriPopup .titlePane{line-height: 30px;background-color: rgb(27,121,255);}
    .esriPopup .pointer.top{background-color: rgb(27,121,255);}
    .esriPopup .pointer.topRight{background-color: rgb(27,121,255);}
    .esriPopup .contentPane{background-color: rgb(255,255,255);}
    .esriPopup .actionsPane{background-color: rgb(255,255,255);}
    .esriPopup .titleButton.close{background:url(../img/pop_close.png) center no-repeat;width:24px;height:24px;}
    .esriPopup .titleButton.next{left:100px;top:3px;width:24px;height:24px;background:url(../img/arrow_right.png) center no-repeat;}
    .esriPopup .titleButton.prev{left:60px;top:3px;width:24px;height:24px;background:url(../img/arrow_left.png) center no-repeat;}
    .esriPopup .titleButton.maximize{top:8px;right:40px;}
    .esriPopup .titleButton.maximize{width:24px;height:24px;right:36px;top:3px;background:url(../img/pop_max.png) center no-repeat;}
    /* .esriPopup .titleButton.close:after{content:'x';position:absolute;width:24px;height:24px;left:0;top:0;text-align: center;} */
    .findResult{max-height: 300px;overflow: auto;}

}
@media only screen and (min-width: 400px) and (max-width:765px){
    .layerPanel.layui-m-layer0 .layui-m-layerchild{width:80%;}
}
@media only screen and (max-width:400px){
    .layerPanel.layui-m-layer0 .layui-m-layerchild{width:80%;}
}
@media only screen and (min-width:320px) and (max-width:400px){
    .layerPanel.layui-m-layer0 .layui-m-layerchild{width:74%;}
}
/*点线面measurePanel position*/
.measurePanel.layui-m-layer0 .layui-m-layerchild{top:120px;right:66px;}
@media only screen and (min-width: 765px) {
    .measurePanel.layui-m-layer0 .layui-m-layerchild{width:40%;}
}
@media only screen and (min-width: 400px) and (max-width:765px){
    .measurePanel.layui-m-layer0 .layui-m-layerchild{width:56%;}
}
@media only screen and (max-width:400px){
    .measurePanel.layui-m-layer0 .layui-m-layerchild{width:50%;}
}
@media only screen and (min-width:320px) and (max-width:400px){
    .measurePanel.layui-m-layer0 .layui-m-layerchild{width:74%;}
}
/*projectPanel position*/
.projectPanel.layui-m-layer0 .layui-m-layerchild{top:170px;right:66px;}
@media only screen and (min-width: 765px) {
    .projectPanel.layui-m-layer0 .layui-m-layerchild{width:40%;}
    .projectPanel .layui-m-layercont{height:350px;}
}
@media only screen and (min-width: 400px) and (max-width:765px){
    .projectPanel.layui-m-layer0 .layui-m-layerchild{width:65%;}
}
@media only screen and (max-width:400px){
    .projectPanel.layui-m-layer0 .layui-m-layerchild{width:60%;}
}
@media only screen and (min-width:320px) and (max-width:400px){
    .projectPanel.layui-m-layer0 .layui-m-layerchild{width:74%;}
}
/*findPanel position*/
.findPanel.layui-m-layer0 .layui-m-layerchild{top:100px;right:66px;}
.findPanel .layui-popover-arrow{top:135px;}
@media only screen and (min-width: 765px) {
    .searchPanel{width:36%;}
    .findPanel.layui-m-layer0 .layui-m-layerchild{width:38%;}
}
@media only screen and (min-width: 400px) and (max-width:765px){
    .findPanel.layui-m-layer0 .layui-m-layerchild{width:70%;}
    .findPanel .find-pj-name{width:195px;}
}
@media only screen and (max-width:400px){
    .findPanel.layui-m-layer0 .layui-m-layerchild{width:70%;}
    .findPanel .find-pj-name{width:195px;}
}
@media only screen and (min-width:320px) and (max-width:400px){
    .findPanel.layui-m-layer0 .layui-m-layerchild{width:76%;}
    .findPanel .find-pj-name{width:195px;}
}
@media only screen and (max-width:320px) {
    .findPanel .ui.selection.dropdown{width:100%;}
    .findPanel .find-pj-name{width:100%;display: block;}
    .findPanel .find-pj-name input{width:100%;}
}
/*bookPanel position*/
.bookPanel.layui-m-layer0 .layui-m-layerchild{top:264px;right:66px;}
@media only screen and (min-width: 765px) {
    .bookPanel.layui-m-layer0 .layui-m-layerchild{width:40%;}
}
@media only screen and (min-width: 400px) and (max-width:765px){
    .bookPanel.layui-m-layer0 .layui-m-layerchild{width:72%;}
}
@media only screen and (max-width:400px){
    .bookPanel.layui-m-layer0 .layui-m-layerchild{width:64%;}
}
@media only screen and (min-width:320px) and (max-width:400px){
    .bookPanel.layui-m-layer0 .layui-m-layerchild{width:74%;}
}
/*loginPanel position*/
.loginPanel.layui-m-layer0 .layui-m-layerchild{position:static;display:inline-block;}
.loginPanel .layui-m-layermain{display: table;text-align: center;}
.loginPanel .layui-m-layermain .layui-m-layersection{display: table-cell;vertical-align: middle;text-align: center;}
@media only screen and (min-width: 765px) {
    .loginPanel.layui-m-layer0 .layui-m-layerchild{width:40%;}
}
@media only screen and (min-width: 400px) and (max-width:765px){
    .loginPanel.layui-m-layer0 .layui-m-layerchild{width:72%;}
}
@media only screen and (max-width:400px){
    .loginPanel.layui-m-layer0 .layui-m-layerchild{width:64%;}
}
@media only screen and (min-width:320px) and (max-width:400px){
    .loginPanel.layui-m-layer0 .layui-m-layerchild{width:85%;}
}


/*main.html*/
.header-title .title-small{margin-bottom: 6%;}
.wrapper{text-align: center;width:100%;}
.wrapper-bttom{margin-top: 5%;}
@media only screen and (min-width: 765px){
    .wrapper .w-col-1{display:inline-block;width:190px;height:240px;background-size: cover;border-radius: 10px;position:relative;margin:10px;}
    .wrapper .w-col-2{display:inline-block;width:400px;height:240px;background-size: cover;border-radius: 10px;position:relative;margin:10px;}
    .wrapper .w-col-1 .inner-bar-title,.wrapper .w-col-2 .inner-bar-title{height:46px;line-height: 46px;font-size: 1.2em;position:absolute;color:#000;bottom:0;left:0;right:0;font-weight: 700;}
    .wrapper .w-col-1 .inner-bar-title:after,.wrapper .w-col-2 .inner-bar-title:after{position:absolute;left:0;right:0;content:'';height:46px;bottom:0;background:rgba(255,255,255,.4);border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
}
@media only screen and (min-width: 400px) and (max-width:765px){
    .title-small,.title-main{width:80%;text-align: center;margin: 0 auto;}
    .title-small{width:50%;}
    .title-main img,.title-small img{display: inline-block;max-width: 100%;}

    .wrapper .w-col-1{display:inline-block;width:110px;height:134px;background-size: cover;border-radius: 10px;position:relative;margin:10px 5px;}
    .wrapper .w-col-2{display:inline-block;width:230px;height:134px;background-size: cover;border-radius: 10px;position:relative;margin:10px 5px;}
    .wrapper .w-col-1 .inner-bar-title,.wrapper .w-col-2 .inner-bar-title{height:36px;line-height: 36px;font-size: .6em;position:absolute;color:#000;bottom:0;left:0;right:0;font-weight: 700;}
    .wrapper .w-col-1 .inner-bar-title:after,.wrapper .w-col-2 .inner-bar-title:after{position:absolute;left:0;right:0;content:'';height:36px;bottom:0;background:rgba(255,255,255,.4);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
}
@media only screen and (min-width: 360px) and (max-width:400px){
    .title-small,.title-main{width:80%;text-align: center;margin: 0 auto;}
    .title-small{width:50%;}
    .title-main img,.title-small img{display: inline-block;max-width: 100%;}

    .wrapper .w-col-1{display:inline-block;width:100px;height:120px;background-size: cover;border-radius: 5px;position:relative;margin:10px 5px;}
    .wrapper .w-col-2{display:inline-block;width:210px;height:120px;background-size: cover;border-radius: 5px;position:relative;margin:10px 5px;}
    .wrapper .w-col-1 .inner-bar-title,.wrapper .w-col-2 .inner-bar-title{height:36px;line-height: 36px;font-size: .4em;position:absolute;color:#000;bottom:0;left:0;right:0;font-weight: 700;}
    .wrapper .w-col-1 .inner-bar-title:after,.wrapper .w-col-2 .inner-bar-title:after{position:absolute;left:0;right:0;content:'';height:36px;bottom:0;background:rgba(255,255,255,.4);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
}
@media only screen and (min-width: 300px) and (max-width:360px){
    .swiper-container {padding-top:20px;padding-bottom:20px;}
    .header-title .title-small{margin-bottom:1%;}
    .wrapper-bttom{margin-top:1%;}
    .title-small,.title-main{width:60%;text-align: center;margin: 10px auto;}
    .title-small{width:50%;}
    .title-main img,.title-small img{display: inline-block;max-width: 100%;}

    .wrapper .w-col-1{display:inline-block;width:90px;height:110px;background-size: cover;border-radius: 5px;position:relative;margin:10px 5px;}
    .wrapper .w-col-2{display:inline-block;width:190px;height:110px;background-size: cover;border-radius: 5px;position:relative;margin:10px 5px;}
    .wrapper .w-col-1 .inner-bar-title,.wrapper .w-col-2 .inner-bar-title{height:36px;line-height: 36px;font-size: .6em;position:absolute;color:#000;bottom:0;left:0;right:0;font-weight: 700;}
    .wrapper .w-col-1 .inner-bar-title:after,.wrapper .w-col-2 .inner-bar-title:after{position:absolute;left:0;right:0;content:'';height:36px;bottom:0;background:rgba(255,255,255,.4);border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
}
